<div class="layui-form" lay-filter="layuiadmin-form-tags" id="layuiadmin-app-form-tags">
  <div class="speed-progress">
  	<div class="speed-progress-1">
  		<div class="div1">1</div>
  		<p>已提交退回申请</p>
  		<p id="created_at"></p>
  	</div>
  	<div class="speed-progress-2"></div>
  	<div class="speed-progress-1" style="margin-left: 150px;">
  		<div class="div1" id="ppx1">2</div>
  		<p>发货完成，已退回</p>
  		<p id="send_time"></p>
  	</div>
  </div>
  <blockquote class="layui-elem-quote">退回订单信息</blockquote>
  <ul class="order-base-info">
  	<li>
  		<div class="order-base-info-1 order-base-info-2">
  			<p>订单号：<span id="no1"></span></p>
  			<div class="order-base-info-3">
  				<span>卖书用户:</span>
  				<img id="user_avatar1" src="" alt="" />
  				<span id="user_nickname"></span>
  			</div>
  		</div>
  		<div class="order-base-info-1" style="border-right: 1px solid #ccc;">
  			<p style="padding-top: 10px;">收货地址：</p>
  			<p><span id="address_receiver" style="margin-right: 20px;"></span><span id="address_mobile"></span></p>
  			<p><span id="address_province_name"></span><span id="address_city_name"></span><span id="address_area_name"></span><span id="address"></span></p>
  		</div>
  	</li>
  	<li style="display: none;" id="div3">
  		<h3>订单状态：用户已申请退回，等待平台发货</h3>
  		<button class="layui-btn layuiadmin-btn-useradmin layui-btn-1" id="detection">确认发货</button>
  	</li>
  	<li style="display: none;" id="div4">
  		<h3>订单状态：发货完成，已退回</h3>
  		<p class="p1">退回物流信息：</p>
  		<p class="p1">快递公司：<span id="express_delivery_id"></span></p>
  		<p class="p1">快递单号：<span id="express_no"></span></p>
  	</li>
  </ul>
  <blockquote class="layui-elem-quote">退回未审核通过的书</blockquote>  
  <div class="table-base">
  	  <table border="1" id="table1">
		  <tr>
		    <th>封面</th>
		    <th>商品名称</th>
		    <th>作者</th>
		    <th>ISBN</th>
		    <th>未审核通过原因</th>
		  </tr>
		</table>
  </div>
  <p>共申请退回 <span id="amount"></span>本书</p>
  <p>支付运费：¥ <span id="fee_price"></span></p>
</div>
<style type="text/css">
.speed-progress{width: 94%;height: 156px;clear: both;position: relative;margin: 0 auto;}
.speed-progress .speed-progress-1{width: 150px;overflow: auto;float: left;}
.speed-progress .speed-progress-1 .div1{width: 50px;color: #fff;margin-left:20px;height: 50px; border-radius: 50%;background: yellowgreen;text-align: center;line-height: 50px;margin-bottom: 10px;}
.speed-progress .speed-progress-1 p{margin-bottom: 10px;}
.speed-progress .speed-progress-2{width: 252px;border-bottom: 1px solid yellowgreen;height: 1px;position: absolute;left: 70px;top: 24px;}
.active{background: #ccc !important;}
.order-base-info{width: 95%;overflow: auto;padding: 30px;}
.order-base-info li{float: left;width: 40%;height: 260px;}
.order-base-info li h3{margin: 44px 0 20px 50px;font-weight: bold;}
.order-base-info li .p1{margin: 10px 0 10px 50px;color: green;}
.order-base-info li .layui-btn-1{margin-left: 150px;}
.order-base-info li .order-base-info-1{width: 100%;height: 130px;}
.order-base-info li .order-base-info-1 p{margin-bottom: 10px;}
.order-base-info li .order-base-info-2{border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
.order-base-info li .order-base-info-3{width: auto; height: 60px;line-height: 60px;clear: both;}
.order-base-info li .order-base-info-3 span{float: left;}
.order-base-info li .order-base-info-3 img{width: 60px;height: 60px;border-radius: 50%;display: block;float: left;margin: 0 10px;}
.table-base{width: 100%;max-height: 600px;overflow: auto;margin-bottom: 20px;}
table{width: 100%;text-align: center;}
</style>